<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>HTML5</title>
	<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
	<meta name="format-detection" content="telephone=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<script type="text/javascript">
		//手机适配
		var cssEl=document.createElement("style");
		document.documentElement.firstElementChild.appendChild(cssEl);
		function setPxPerRem(){
			var dpr=1;
			var pxPerRem=document.documentElement.clientWidth*dpr/10;
			if(pxPerRem>60){
				pxPerRem=60;
			}
			cssEl.innerHTML='html{font-size:'+pxPerRem+'px!important;}';
		}
		setPxPerRem();
		//手机适配结束
	</script>
	<link rel="stylesheet" type="text/css" href="css/swiper-3.3.1.min.css">
	<link rel="stylesheet" type="text/css" href="css/common.css">
	<link rel="stylesheet" type="text/css" href="css/html5.css">	
</head>
<body>
<!-- 	<ul class="t-header">
	<li>
		<a href="">返回首页</a>
	</li>
	<li>
		<h1><img src="images/logo@2x.png"></h1>
	</li>
	<li>
		<a href="">课程咨询</a>
	</li>
</ul> -->
	<header class="top-d">
		<h1><img src="images/home/logo.png"></h1>
		<a href="javascript:void(0);" class="h-list-btn"></a>
	</header>
	<section class="nav-list">
		<a href="index.html">首页</a>
		<a href="">iOS培训课程</a>
		<a href="android.html">Android培训课程</a>
		<a href="html5.html">HTML5培训课程</a>
		<a href="">公开课</a>
		<a href="">企业合作</a>
		<a href="teacher.html">名师堂</a>
		<a href="">关于我们</a>
	</section>

	<section>
		<img src="images/html5/pic1.jpg" width="100%">
		<a href="http://www15.53kf.com/webCompany.php?arg=10128219&amp;style=1">
			<img src="images/html5/pic2.jpg" width="100%">
		</a>
	</section>
	<section class="hzzz">
		<h3 class="h5-base-hd">HTML5移动互联网主宰者</h3>
		<section class="hzzz-l1">			
			<h4><span>◆ </span>名企招聘多<span> ◆</span></h4>
			<img src="images/html5/pic3.jpg" width="100%">
			<p>通常小公司对技术要求不高，没有专门的移动前端开发岗位需求。但在互联网大公司，对技术的要求高，岗位与职责更加细化和明确，随着互联网的发展和用户体验的更加重视，HTML5工程师的需求也越来越大，因此，HTML5工程师进的都是互联网大公司，具有很大的发展空间。</p>
		</section>
		<section class="hzzz-l2">			
			<h4><span>◆ </span>人才缺口大<span> ◆</span></h4>
			<img src="images/html5/pic4.jpg" width="100%">		
		</section>	
		<section class="hzzz-l3">			
			<h4><span>◆ </span>薪资不断攀高<span> ◆</span></h4>
			<img src="images/html5/pic5.jpg" width="100%">		
		</section>				
	</section>

	<section class="hyy">
		<h3>HTML5的广泛应用</h3>
		<div class="hyy-con">
			<h4>乔布斯和谷歌微软们都认为HTML5将改变互联网世界<br>我们又有什么理由说不呢？</h4>
			<ul>
				<li><em><i>游戏</i></em>
					<p>	
							现在用HTML5开发游戏已经<br>
							越来越成熟未来必将用HTML5来开发游戏
					</p>
				</li>
				<li>
					<em><i>苹果</i></em>
					<p>	
							2011年1月，苹果新官网上线，<br>完全使用html5
					</p>
				</li>
				<li>
					<em><i>谷歌<br>微软</i></em>
					<p>
						谷歌、微软：<br>率先宣布全面支持html5
					</p>
				</li>
				<li>
					<em><i>微信</i></em>
					<p>很多地方都已用到<br>未来几年会全面使用HTML5</p>
				</li>
				<li>
					<em><i>网络<br>应用</i></em>
					<p>是未来的一种趋势，因为HTML5<br>的特性“跨平台”让开始更轻松快捷</p>
				</li>
				<li>
					<em>
						<i>网页<br>制作</i>
					</em>
					<p>爱丽网、聚美优品等电商<br>网站以大量使用html5</p>
				</li>
			</ul>
			<div class="icon-pic"><img src="images/html5/icon-pic.png"></div>
		</div>
	</section>

	<section class="hxjm">
		<h3>
			Web前端工程师火爆<br>
			<strong>育知的课程学出来薪资12K以上？</strong>
		</h3>
		<p>
			市面上各种Web前端工程师课程众多？<br>分不清哪家好怎么办？
		</p>
	</section>
	<section class="hxjm2">
		<h3 class="h5-base-hd">深度破解育知真正高精专的课程核心机密</h3>
		<div class="hxjm2-list">
			<div class="hxjm2-list-hd">
				<span>1</span>
				<h4>让你4个月就拥有2年以上项目经验</h4>
				<p>
					根据产品需求，分析并给出最优的页面前端结构解决方案，<br>
					那么什么是最优的前端结构解决方案？<br>
					高端Web前端工程师和一般切页面的Web<br>
					前端工程师的区别就在这里!
				</p>				
			</div>

			<section class="section2">
				<div class="swiper-container">
					<ul class="swiper-wrapper">
						<li class="swiper-slide">
							<img src="images/html5/pic6.jpg">
						</li>
						<li class="swiper-slide">
							<img src="images/html5/pic6.jpg">
						</li>
						<li class="swiper-slide">
							<img src="images/html5/pic6.jpg">
						</li>
					</ul>
					<div class="swiper-pagination"></div>		
				</div>				
			</section>

			<p class="sec2-p">千锋采用全真商业项目教学，学习同时攒经验，<br>学习中参与名企项目开发设计，模拟公司项目流程，
				<br>以实现最知名的网站/APP前端为检验学习成果的标准，
					<br>积累最顶级项目经验！
			</p>
			<div class="hxjm2-list-hd hxjm2-list-hd2">
				<span>2</span>
				<h4>了解UI/Android/iOS和工程师高效沟通</h4>
				<p>
					与设计师和移动开发工程师配合，<br>
					利用HTML5/CSS3/JavaScript等Web技术进行产品的界面开发；<br>
					了解APP制作项目全流程，掌控前端页面设计趋势，<br>
					制作的页面符合最新的技术和审美要求。
				</p>				
			</div>	
			<div class="s2">
				<img src="images/html5/pic7.jpg" width="100%" alt="">
				<p class="sec2-p">
					在育知学习，自带项目实训属性，Web前端开发学员可<br>
					与UI、Android和iOS开发人员进行沟通，<br>
					一起进行实战演练，分组做项目，价值和收获倍增！<br>
				</p>
			</div>	

			<div class="hxjm2-list-hd hxjm2-list-hd3">
				<span>3</span>
				<h4>PC+移动端+混合应用，学会轻盈高效的代码</h4>
				<p>
					学习移动网站和PC网站的前端构建、交互设计与实现；<br>
					学习各种类型网页前端页面开发制作和维护；<br> 
					学习良好的代码习惯，要求结构清晰，<br>
					命名规范，逻辑性强，代码冗余率低
				</p>				
			</div>	
			<div class="s3">
				<img src="images/html5/pic8.jpg" width="100%">
				<p class="sec2-p">
					在育知学习，有行业大牛教你小清新的代码，<br>
					简短精悍又高效，出错率低。会这招，老板就要定你了！
				</p>
			</div>	

			<div class="hxjm2-list-hd hxjm2-list-hd4">
				<span>4</span>
				<h4>全面掌握页面兼容性和优化</h4>
				<p>
					学习优化前端体验和页面响应速度，优化代码并保持良好兼容性，<br>
					提升Web界面的友好和易用；跨浏览器开发经验，<br>
					具备独立开发JavaScript经验；清楚地了解不同浏览器上<br>
					的兼容情况、渲染原理和存在的Bug确保网站能在IE、<br>
					Firefox、360、Android、iOS手机浏览器等主流浏览器正常浏览
				</p>				
			</div>

			<div class="s4">
				<img src="images/html5/pic9.jpg" width="100%">
				<p class="sec2-p">
					在育知学习，教你高效解决各种平台浏览器的兼容性问题。<br>
					包括在各种手机分辨率、PAD平台上的兼容和性能优化
				</p>
			</div>	

			<div class="hxjm2-list-hd hxjm2-list-hd5">
				<span>5</span>
				<h4>课程方向==企业前端技术岗位需求</h4>
				<p>
					如今，前端开发工程师的职责，不是只有切图、<br>
					制作网页这么简单哦！学习课程必须完全覆盖行业内<br>
					岗位需求，才能轻松胜任WEB前端/移动端/混合应用开发工作；<br>
					拒绝UI设计、Web前端制作一步到位的综合设计课程，<br>
					其实这种课程模式早已经过时，当前行业岗位需求变更，<br>
					企业对于前端开发人才的专业度要求变高！
				</p>				
			</div>

			<div class="s4">
				<img src="images/html5/pic10.jpg" width="100%">
				<p class="sec2-p">
					育知紧跟技术更新节奏，了解企业需求，不断更新课程大纲。<br>
					工作用什么，我们就有什么。高度专注，深度优化，<br>
					注重培养学员编程思维能力，起步目标锁定中高级工程师，<br>
					起薪8000-12000！
				</p>
			</div>	

		</div>
	</section>
	
	<section class="section3">
		<h2>
			以下案例都是HTML5促成的<br>
			掌握HTML5技术，<br>
			成就高薪之美！
		</h2>
		<ul>
			<li>
				<span><img src="images/html5/pic13.jpg"></span>
				<a href="">点击详细了解</a>
			</li>
			<li>
				<span><img src="images/html5/pic14.jpg"></span>				
				<a href="">点击详细了解</a>
			</li>
			<li>
				<span><img src="images/html5/pic15.jpg"></span>				
				<a href="">点击详细了解</a>
			</li>
			<li>
				<span><img src="images/html5/pic16.jpg"></span>
				<a href="">点击详细了解</a>
			</li>
		</ul>
	</section>

	<section class="section4">
		<h3 class="h5-base-hd">HTML5名师堂<br>100%名师一线授课</h3>
		<div class="section4-hd">
			<h4>全明星师资阵容 震撼+史无前例</h4>
			<p>
				独创“HTML5混合式开发”课程,<br>
				120天成为企业最需要的复合型HTML5开发人才！<br>
				Mars组建的HTML5教学团队都是绝对资深讲师，<br>
				在这里你不用碰运气，百分百指定名师授课，<br>
				完全可以保证每个学员得到最好的培养，<br>
				这是其他机构无法承诺保证的！
			</p>
		</div>
		<div class="section4-con">
			<span><img src="images/html5/pic17.png"></span>
			<h4>陈川（Mars）</h4>
			<p>
				移动互联网行业数十万程序员的偶像<br>
				<em>精通Android、iOS、HTML5</em>
			</p>
		</div>	
	</section>

	<section class="section5">
		<h3 class="h5-base-hd">为什么要学习<br>“HTML5混合式开发技术”</h3>
		<div class="section5-con">
			<img src="images/html5/pic18.png">
			<h4><em>◆</em> 企业用人趋势 <em>◆</em></h4>
			<p>企业现在安卓、iOS开发人员都在学习H5混合开发，节约成<br>本、一专多能是未来很多企业用人趋势！HTML5工程师在今后<br>的工作中与Android、iOS工程师对接的几率非常大，如果你<br>是面试官，你会选择要一个只懂H5的人还是选择要一个精通<br>H5，同时对Android或iOS略有了解的人？</p>
			<h4><em>◆</em> 更高的就业薪水 <em>◆</em></h4>
			<p>混合式开发思想培训出来的学员比单一课程学员薪水高至少2000<br>元，同时企业也更愿意去花更多的钱来聘请那些了解比较全面的</p>
			<h4><em>◆</em> 培训讲师的要求 <em>◆</em></h4>
			<p>混合式开发讲师需要同时精通Android、iOS、HTML5等多门<br>课程，这样才能在教学过程中融合混合式开发思想，让学员能<br>够同时了解一些与本课程最相关的技术，为学员今后在工作中<br>的对接和配合工作提供极大助力，对学员今后的职业发展也会<br>有很大帮助。</p>
			<h4><em>◆</em> 育知讲师核心优势 <em>◆</em></h4>
			<p>“混合式开发特聘讲师”是育知同创一大特色，混合式开发课<br>程对讲师的要求非常之高，至少同时具备3年或以上教学和技<br>术经验的讲师才可以胜任，这是其他机构无法提供的！</p>
		</div>
		<div class="section5-bot">
			独家承诺：全部班级100%名师授课！
		</div>
	</section>
	
	<section class="section6">
		<h3 class="h5-base-hd">技术新.实践真.课程强悍</h3>
		<h4>课程紧跟技术更新节奏，<br>了解企业需求，工作用什么，我们就有什么</h4>
		<p>
			专业度高：精准定位核心知识和技术课程，完全专注于前端知识，全面、深入的讲解：“响应式布局、Bootstrap、 NodeJS、HBuilder、AngularJS”等技术热点，全面革新以真实的互联网项目贯穿全部课程以实现最知名的互联网系统前端（如：淘宝、天猫等）为检验学习成果的标准。

		</p>
		<img src="images/html5/pic20.png" width="100%">
	</section>

	<section class="section7">
		<h3 class="h5-base-hd">专业不止于技术</h3>
		<ul>
			<li>
				<img src="images/html5/pic21.jpg">
				<p>成熟的服务标准，以人为本的理念</p>
			</li>
			<li>
				<img src="images/html5/pic22.jpg">				
				<p>严苛、成体系的班级管理制度</p>
			</li>
			<li>
				<img src="images/html5/pic23.jpg">
				<p>高效、自动化的学习管理模式</p>
			</li>
		</ul>
	</section>

	<section class="section8">
		<h3 class="h5-base-hd">革命性服务体系，你必须拥有</h3>
		<img src="images/html5/pic24.jpg" width="100%">
	</section>
	<section class="section9">
		<a  href="http://www15.53kf.com/webCompany.php?arg=10128219&amp;style=1"><img src="images/html5/pic21.png"></a>
		<p>400-818-1186</p>
	</section>
	<!-- 固定导航 -->
	<footer class="base-nav">
		<ul>
			<li>
				<a href="javascript:void(0);">摇一摇</a>
			</li>
			<li>
				<a href="tel:400-654-7778">免费电话</a>
			</li>

			<li>
				<a href="http://www15.53kf.com/webCompany.php?arg=10128219&amp;style=1">在线咨询</a>
			</li>
			<li>
				<a href="http://www15.53kf.com/webCompany.php?arg=10128219&amp;style=1">免费试听</a>
			</li>
		</ul>
	</footer>

	<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
	<script type="text/javascript" src="js/swiper-3.3.1.jquery.min.js"></script>
	<script type="text/javascript" src="js/yaoyiyao.js"></script>	
	<!--导航显示隐藏-->
	<script type="text/javascript">
		$(".h-list-btn").on("click",function(){
			$(".nav-list").slideToggle();
		});
	</script>
	<script> 
		var mySwiper = new Swiper('.swiper-container', {
			autoplay: 5000,//可选选项，自动滑动
			loop : true,
			pagination : '.swiper-pagination',
			initialSlide :0,
			autoplayDisableOnInteraction : false
		})   //轮播图
	</script>	
	<script>
(function() {
  var _53code = document.createElement("script");
  _53code.src = "//tb.53kf.com/code/code/10128219/1";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(_53code, s);
})();
</script>
</body>
</html>